<template>
	<view class="page">
		<view class="cu-list menu">
			<view 
			@click="goto(item)" 
			class="cu-item arrow cus-list-item"
			 v-for="(item,index) in dataList" 
			 :key="index">
				<view class="content">
					<text>{{item.value}}({{item.counted}})</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{item.name}}</text>
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		props:{
			dataList:Array,
			idKey:String,
			isLoad:true,
			type:String,
			token:String,
			nextPage:Boolean
		},
		mounted() {
		},
		methods: {
			goto(item){
				this.$emit('goto',item)
			},
		}
	}
</script>
<style>
	.page{
		width: 100%;
	}
	.content{
		background-color: #fff;
	}
	.cus-list-item{
		white-space: nowrap;
	}
	.cus-list-item .content{
		width: 160px;
		text-align: left;
	}
	.cus-list-item .action {
		text-align: right;
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 18%;
		/* width: calc(100% - 150px); */
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

</style>
